/***********************************************/
/* themes.css                                   */
/* Use with koa@35                   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{font-family:Verdana, Arial, Helvetica, sans-serif, "宋体"; 
	margin:0px;
	SCROLLBAR-FACE-COLOR: #D7D1DB; 
	SCROLLBAR-HIGHLIGHT-COLOR: #fbf8f1; 
	SCROLLBAR-TRACK-COLOR: #fafafa; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #ffffff;}

form{margin:0px;}
.note_red{color:#ff0000; padding-right: 2px;}
select {font-size: 12px; margin-top:2px;}
.right{text-align:right;}
ul{list-style:none;}

h1{font-size:14px; margin:0px; text-align:center;}
h2{}
h3{}
h4{}
h5{}
ul{}

/******************************************** ***/
/* Components                                  */
/***********************************************/
.content{border-collapse:collapse;border:0px;}
.content_title_left{
	background-color:#D7D1DB;
	background-image:url(../images/content_title_left.gif);
	background-repeat:no-repeat;
	


}
.content_title_right{
	background-color:#D7D1DB;
	background-image:url(../images/content_title_right.gif);
	background-repeat:no-repeat;
	background-position:top right;

}

.content th{
	height:26px;
	color:#594276;
	font-size:12px;
	background-color:#D7D1DB;
	word-wrap: normal;
	border:0px;
}
.content th input{
	border: 1px solid #9D93A4;
}
.content td{
	line-height:20px;
	padding:3px 6px 3px 6px;
	word-wrap: break-word;
	border: 1px solid #CDCBCF;
}
.content .title{
	color:#727272!important;
	line-height:20px;
	background-color:#E7E7E7;
	font-weight:bold;
	text-align:center;
	padding:2px 6px 2px 6px;
}

.content a:link,.content a:visited{
	color:#633C77;
	text-decoration:none;
}
.content a:hover{
	color:#B66EDB;
	text-decoration:none;
}
.content input{
	border: 1px solid #CDCBCF;
}
.content textarea{
	border: 1px solid #CDCBCF;
}

.content2 th{
	height:26px;
	color:#594276;
	font-size:12px;
	background-color:#D7D1DB;
	word-wrap: normal;
	font-weight:normal;
	border:0px;
}
.content2 textarea{
	border: 1px solid #CDCBCF;
}
.content_input{
	border: 0px!important;
}
.content_button{
	padding-top:2px;
	padding-left:2px;
	padding-right:2px;
	font-size:12px;
	color:#55456C!important;
	border:1px solid #9487A3!important;
	background-image: url(../images/content_button_bg.gif);
	background-repeat: repeat-x;
	background-color: #f9f9f9;
	height:20px;
}
.content_bottom{
	color:#676767; 
	font-size:12px; 
	background-color:#D7D1DB; 
	border-bottom:1px solid #BEB9BF;
}
.content_bottom a:link,.content_bottom a:visited{
	color:#444;
	text-decoration:none;
}
.content_bottom a:hover{
	color:#666;
	text-decoration:underline;

}
.content_bottom2{
	color:#676767; 
	font-size:12px; 
	background-color:#D7D1DB; 
	border-bottom:1px solid #BEB9BF;
	text-align:center;
}
.content_bottom input{width:21px; border:1px solid #9F9DA2; color:#616161}

.div_css{
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
	width:100%;}


/*--------------top css-------------*/
.top_out{
	color:#fff;
	padding-top:3px;
}
.top_out a:link,.top_out a:visited{
	color:#fff;
	text-decoration:underline;
}
.top_out a:hover{
	color:#fff;
	text-decoration:underline;
}
.top_out img{
	border: 1px solid #D3CDD7;
	
}
.toptd{
	padding-right:8px;
}
.top_out_table{
	padding:2px;
}

/*-------------left menu css-----------*/
.left_item{
	cursor:pointer;
	padding-top:5px;
	padding-left:45px;
	height:22px;
	background-image: url(../images/item_title.gif);
	background-repeat: no-repeat;
}
.left_clicked{
	cursor:pointer;
	padding-top:4px;
	padding-left:45px;
	height:22px;
	background-image: url(../images/item_clicked.gif);
	background-repeat: no-repeat;
}
.left_sub{
	padding-left:57px;
	height:22px;
}
.left_sub_clicked{
	padding-left:57px;
	height:22px;
	background-image: url(../images/sub_clicked.gif);
	background-repeat: no-repeat;
}
.item_UL{
	list-style: none;
	margin:0px;
	padding: 0px;
}
.item_UL LI{
	line-height:20px;
	padding-left: 57px;
}

/*-------------small calendar plan -----------------*/
#right-nav-bar{width:178px; overflow:hidden;background-color: #f7f6f8}
#right-nav-bar #date_month{ text-align:left; margin:0px; padding:0px; text-align:center;}
/*#right-nav-bar #date_month a{display: block;}*/
/*#right-nav-bar #date_month a:hover{text-decoration:underline;}*/
#right-nav-bar #date_month li ul {
	list-style:none;
	text-align:left;
	margin:0px;
	padding:0px 0px 5px 0px;

}
#right-nav-bar #date_month li ul li{
	padding:0px;
	margin:0px;

	 /*二级目录的背景色*/
}

#right-nav-bar #date_month li ul li a{
		 padding-left:10px;
		 width: 168px; 
		 line-height:22px;
		 font-weight:normal;
	/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/

#right-nav-bar #date_month li ul li a:hover {
	font-weight:normal;
	text-decoration:underline;
	line-height:22px;
	/* 二级onmouseover的字体颜色、背景色*/
}


#right-nav-bar #date_month .mine,.work-plan-right-navbar{/*background:url(../images/calendar.gif) no-repeat;*/ background:url(../images/panel/plan-panel-bg.gif) repeat-x;/*font-weight:bold;*/line-height:24px; color:#dbd3de;}
#right-nav-bar #date_month .menu{ /*background:url(../images/plan_menu_bg.gif) no-repeat;*/ background:url(../images/panel/plan-panel-bg.gif) repeat-x;/*font-weight:bold;*/ line-height:24px; color:#dbd3de;}
#right-nav-bar #date_month ul.expanded,.work-plan-right-navbar-expanded {
	width: 177px;
	border-left : 1px solid #c6c3cd;
	border-right : 1px solid #c6c3cd;
	border-bottom : 1px solid #c6c3cd;
}
#right-nav-bar #date_month .mine div{
	width:177px;
	background:url(../images/panel/plan-panel-lineshort.gif) no-repeat center bottom;
	height: 27px;
}
	
#right-nav-bar #date_month ul.collapsed {
	width: 177px;
	display: none;
	margin:0px;
	padding:0px;
}

.date_list td{
	color:#FFFFFF;
	font-size:9px;
	text-align: center;
	line-height:18px;
}
.date_list th{
	color:#FFFFFF;
	font-size:12px;
	text-align: center;
	line-height:18px;
	font-weight:normal;
}

.date_list th{
	color:#FFFFFF;
	font-size:12px;
	text-align: center;
	line-height:18px;
	font-weight:normal;
}
.date_list a:link,.date_list a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.date_list a:hover,{
	color:#CCCCCC;
	text-decoration:none;
}
.date_list_plan{
	background-color:#999999;
}
.date_list_over{
	background-color:#9D9D9D;
	border: 1px solid #ffffff;
	line-height:16px;

}
.date_list_cur{
	background-color:#9D9D9D;
	border: 1px solid #ffffff;
	line-height:16px;
}

.workplan_overTD{
	background-color:#9D9D9D;
	line-height:16px;
}

.workplan_outTD{


}

/*-------------mail calendar date plan -----------------*/
.plan{
	padding-left:10px;
	background-color:#8F8F8F;
}
.plan ul{
	padding:0px;
	margin:8px 0px 10px 8px;
	list-style:none;
}
.plan ul li{
	line-height:20px;
	color:#EEEEEE
}
.plan a:link,.plan a:visited{
	color:#EEEEEE;
	text-decoration:none;
}
.plan a:hover{
	color:#CCCCCC;
	text-decoration:none;

}
/*-------------efficer css----------------*/
.efficer{
	color:#F0ECF2;
	padding-left:6px;
}
.efficer a:link,.efficer a:visited{
	color:#F0ECF2;
	text-decoration:none;

}
.efficer a:hover{
	color:#F0ECF2;
	text-decoration:none;
}
.efficer input{ 
	border:1px solid #3C2947;
	color:#333333;
	}


/*---------------column css-----------------*/

.column_menu{
	padding-top:3px;
	color: #5E4677;
	height:25px;
}
.column_menu a:link,.column_menu a:visited{
	color:#5E4677;
	text-decoration:none;
}
.column_menu a:hover{
	color:#5D5D5D;
	text-decoration:none;
}

.column_over{
	padding-top:3px;
	font-weight: bold;
	color: #5E4677;
}
/*column mail css*/
.column{
	padding-left:37px;
	height:28px;
}
.column.title{
	font-size:12px;
	color:#727272!important;
	line-height:20px;
	background-color:#E7E7E7;
	font-weight:bold;
	text-align:center;
	padding:2px 6px 2px 6px;
	white-space:nowrap;
}
.column_title{
	padding-left:30px;
	padding-top:5px;
	height:16px;
	color:#333333;
	font-weight:bold;
	background-image: url(../images/column_title.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.column_bg{
	cursor:pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.column_bg_over{
	background-color: #EEECEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.column_info_table{
	margin:10px 0px 4px 0px;
	
}
.column_list{
	padding-left:20px;
}
.column_time{
	color:#666666;
	font-size:11px;
}
/*column calendar today plan  CSS*/

.calendar_right{
	background-color:#D7D7D7;
}
.calendar_right ul{
	padding:0px;
	margin:6px 0px 10px 10px;
	list-style:none;
}
.calendar_right ul li{
	color:#444;
	line-height:20px;
}
.calendar_right a:link,.calendar_right a:visited{
	color:#444;
	text-decoration:none;
}
.calendar_right a:hover{
	color:#666;
	text-decoration:underline;

}
.calendar_input_bottom{width:21px; border:1px solid #9F9DA2; color:#616161}


/*-------------big calendar plan -----------------*/

.calendar_title{
	color:#5E4677;
	font-weight:bold;
	height:26px;
}
.calendar_title_left{
	color:#5E4677;
	font-weight:bold;
	background-image: url(../images/calendar_title_left.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.calendar_title_right{
	color:#5E4677;
	font-weight:bold;
	background-image: url(../images/calendar_title_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.calendar_close{ 
	background-color:#E8EEEC;
}
.calendar_cur{ 
	background-color:#E9E9CC;
}
.calendar_over{ 
	background-color:#EAEAEA;
}
.cldtable td .calendar_red,.calendar_red{ 
	padding-right:2px;
	font-size:10px;
	color:#CC0000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.calendar_blue{ 
	padding-right:2px;
	font-size:13px;
	color:#5E4677;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.cldtable td .calendar_num,.calendar_num{
	font-size:10px;
	color:#777777;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*------------------calendar examine css---------------------*/
.calendar_examine-rigtal{
	background-color:#D7D1DB;
	text-align:center; 
	color:#594276; 
	font-weight:bold
}

.calendar_examine_title{
	padding-top:2px;
	color:#594276;
	font-weight:bold;
	text-align:center;
}

.calendar_examine td{
	color:#676767; 
	font-size:12px; 
	text-indent:1em;
}

.calendar_examine_bottom_left{
	color:#676767; 
	font-size:12px; 
	background-color:#D7D1DB; 
	text-align:left; 
	border-bottom:1px solid #BEB9BF;
}

.calendar_examine_bottom_right{
	color:#676767; 
	font-size:12px; 
	background-color:#D7D1DB; 
	text-align:right; 
	border-bottom:1px solid #BEB9BF;
}

/*------------------copyright css---------------------*/
.bottom_copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#6C6C6C;
	padding:0px 14px 0px 0px;
}
/*------------------message css---------------------*/
.mainDivs{ 
	background-color:#D8D5D9; 
}
.mainDivst{ 
	margin:0px;
}
.mes-table-border{ 
	background:url(../images/mes_klefr_br.gif) repeat-y;
	border-right:1px solid #D2D3D7;
}
.pprsoo{ 
	margin:0px 20px 0px 20px; 
	overflow-y:auto; 
	overflow-x:hidden;
}
.mes-table-input{ 
    width:96%;
	border:1px solid #D0D0D0;
}
.topItemButton{ 
	background:url(../images/mes_line_bg.gif);
	height:20px;
	margin:10px 10px 0 10px;
	text-align:left;
	cursor:hand;
}
.topItemButton div.bg{
	background-color:#FBFAF8;
	vertical-align:middle;
	font-weight:bold;
	float:left;
	margin-left:15px;
	margin-top:2px;
	padding-left:5px;
}
.topItemButton div.width{ 
	float:right;
	right:10px;
}
.mes-title{ 
	background-color:#F5F5F5;
	font-weight:bold;
	color:#7C7B7B;
	height:24px;
	padding-left:10px;
}
.mes-title2{ 
	font-weight:bold;
	color:#7C7B7B;
	line-height:24px;
}

.top_companyname
{
	font-size:12px;
	color:#CCCCCC;
}

.workplan_complete {
	font-size: 12px;
	line-height: 150%;
	color: #339900;
	
}

.workplan_cancel {
	font-size: 12px;
	line-height: 150%;
	color: #CC0000;
	
}

.workplan_delay {
	font-size: 12px;
	line-height: 150%;
	color: #FF9900;
	
}

.mainpage_date_month_title{
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
}

.moverTD { font-family:webdings; cursor:hand; koa35:expression(onmouseenter=function(){style.color='#D2C6FF'; }, onmouseout=function(){ style.color=''; }); }